What is the correct usage of blueprint-typography-body([$font-size])?

Posted by Alexis Abril on Stack Overflow See other posts from Stack Overflow or by Alexis Abril
Published on 2010-05-14T22:38:34Z Indexed on 2010/05/14 22:44 UTC
Read the original article Hit count: 358

Filed under:

compass

|

sass

|

blueprint-css

Recent convert to RoR and I've been using Compass w/ Blueprint to dip into the proverbial pool. Compass has been fantastic, but I've come across something strange within the Typography library.

The blueprint-typography-body mixin contains the following:

=blueprint-typography-body($font-size: $blueprint-font-size)
  line-height: 1.5
  +normal-text
  font-size: 100% * $font-size / 16px

My question revolves around "font-size." I'm a bit lost, as I would expect to pass in a font size and have that size reflected upon page load. However, in this scenario the formula seems to dictate a percentage against the default font.

ie:

+blueprint-typography-body(10px) //produces 7.5px off of the default font size of 12px from what I can tell.

In essence, I'm curious if there is a standard to setting font size within Compass other than explicitly declaring "font-size: 10px".

Note: The reason I'm leaning towards Blueprint/Compass font stylings is due to the standardization of line-heights, fonts and colors.

© Stack Overflow or respective owner

Related posts about compass

Compass Rails 3.0 working with 'compass watch' but not without

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying Compass with Rails 3.0.7, just trying to get started. Using gem compass-rails. If I put my sass file in app/assets/stylesheets and run 'compass watch', everything works ok: the compiled css is put into public/stylesheets. However, if I stop 'watch' and rely on Rails to do the compilation… >>> More
iphone compass tilt compensation

as seen on Stack Overflow - Search for 'Stack Overflow'
hi, has anybody already programmed a iphone compass heading tilt compensation? i have got some approaches, but some help or a better solution would be cool! FIRST i define a vector Ev, calculated out of the cross product of Gv and Hv. Gv is a gravity vector i build out of the accelerometer values… >>> More
Compass Autocomplete to only return index words

as seen on Stack Overflow - Search for 'Stack Overflow'
I am currently trying to configure a compass query for autocomplete. I have it working so that the compass query will return an object. I would like to modify it so that it will return matching words in the index, not matching results. Thanks. >>> More
Displaying desired properties from search results with grails compass

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I've been stumped with the problem of displaying a selected set of properties returned as a result via a Compass query in grails. I have 300 columns in my domain class and what I'd like to do is to return ONLY THOSE values I specify (around 10 - 15 properties/fields/columns). All the 300 columns… >>> More
rails + compass: advantages vs using haml + blueprint directly

as seen on Stack Overflow - Search for 'Stack Overflow'
I've got some experience using haml (+sass) on rails projects. I recently started using them with blueprintcss - the only thing I did was transform blueprint.css into a sass file, and started coding from there. I even have a rails generator that includes all this by default. It seems that Compass… >>> More

Related posts about sass

compass-rails 1.03 - TypeError: can't convert nil into String

as seen on Stack Overflow - Search for 'Stack Overflow'
I am running: ruby 1.9.3p392 (2013-02-22) [i386-mingw32] compass-rails 1.0.3 I used the Windows RailsInstaller to install Ruby on Rails Gemfile group :assets do gem 'sass-rails', '~> 3.2.3' gem 'coffee-rails', '~> 3.2.1' gem 'compass-rails','~> 1.0.2' # See https://github.com/sstephenson/execjs#readme… >>> More
Sass problem: >sass --watch style.scss:style.css invalid option: --watch

as seen on Stack Overflow - Search for 'Stack Overflow'
When I run: sass --watch style.scss:style.css gives me invalid option: --watch why? this is good: sass -v gives me: Haml/Sass 2.2.24 (Powerful Penny) >>> More
How to specify custom Sass directory with sinatra

as seen on Stack Overflow - Search for 'Stack Overflow'
Instead of serving my Sass files from the default 'views' directory I'd like to change this to /assets/sass The following attempts are in my main ruby root file in the app: Attempt 1 set :sass, Proc.new { File.join(root, "assets/sass") } get '/stylesheet.css' do sass :core end With this… >>> More
Installing Sass on Gentoo

as seen on Stack Overflow - Search for 'Stack Overflow'
I've been trying to install Sass on Gentoo, but it hasn't been going too well. Unfortunately, the latest version of Sass in portage is 3.1.21. What I want to use Sass for requires at least Sass 3.2, which is available through rubygems. What I've tried: emerge dev-ruby/sass (installs an old version) gem… >>> More
NameError at / uninitialized constant Sass::SyntaxError

as seen on Stack Overflow - Search for 'Stack Overflow'
I am using Padrino and when I try to specify my application.sass file I get this error NameError at / uninitialized constant Sass::SyntaxError I thought I might have something missing, so I checked out the sample_blog application at their GIT to verify my SASS is working correct. It was working correct… >>> More